<template name="Reward">
	<view class="mineReward">
		<view v-for="(item,index) in mineReward" :key="index" class="mineRewardBlock">
			<image :src="item.reward" mode="scaleToFill"></image>
			<view>{{item.rewardName}}</view>
		</view>
	</view>
</template>

<script>
export default {
	name: "Reward",
	props: {
		mineReward: {
			colorPag: {
				type: String,
				default: ''
			},
			taste: {
				type: String,
				default: ''
			}
		}
	},
	data() {
		return {}
	},
	methods: {

	}
}
</script>

<style lang="scss">
	@import "../../icon/iconfont.css";
	.mineReward {
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
		align-items: flex-start;
		color: $uni-text-color-disable;
		font-size: $uni-font-size-base;
		text-align: center;
		image {
			width: $uni-img-size-lg;
			height: $uni-img-size-lg;
		}
		view {
			padding: 0;
		}
	}
</style>
